﻿<tr>
    <td>
        <table width="auto" border="0" align="left" cellpadding="0" cellspacing="0">
            <tr>
                <td align="left" valign="middle" width="65" height="30">
                    $TitlePosition$：
                </td>
                <td align="left" valign="middle" width="185">
                    <link href="/sysCommon/sysScripts/colorpicker/css/colorpicker.css" rel="stylesheet"
                        type="text/css" />
                    <style type="text/css">
                        .pickcontainor
                        {
                            position: relative;
                        }
                        #colorSelector2
                        {
                            position: absolute;
                            top: 0;
                            left: 155px;
                            width: 22px;
                            height: 22px;
                            z-index: 99999;
                            background: url(/sysCommon/sysScripts/colorpicker/images/select2.png);
                        }
                        #colorSelector2 div
                        {
                            position: absolute;
                            top: 4px;
                            left: 4px;
                            width: 18px;
                            height: 18px;
                            z-index: 999999;
                            background: url(/sysCommon/sysScripts/colorpicker/images/select2.png) center;
                        }
                        #colorpickerHolder2
                        {
                            top: 32px;
                            left: 0;
                            width: 356px;
                            height: 0;
                            overflow: hidden;
                            position: absolute;
                            z-index: 99999;
                        }
                        #colorpickerHolder2 .colorpicker
                        {
                            background-image: url(/sysCommon/sysScripts/colorpicker/images/custom_background.png);
                            position: absolute;
                            bottom: 0;
                            left: 0;
                        }
                        #colorpickerHolder2 .colorpicker_hue div
                        {
                            background-image: url(/sysCommon/sysScripts/colorpicker/images/custom_indic.gif);
                        }
                        #colorpickerHolder2 .colorpicker_hex
                        {
                            background-image: url(/sysCommon/sysScripts/colorpicker/images/custom_hex.png);
                        }
                        #colorpickerHolder2 .colorpicker_rgb_r
                        {
                            background-image: url(/sysCommon/sysScripts/colorpicker/images/custom_rgb_r.png);
                        }
                        #colorpickerHolder2 .colorpicker_rgb_g
                        {
                            background-image: url(/sysCommon/sysScripts/colorpicker/images/custom_rgb_g.png);
                        }
                        #colorpickerHolder2 .colorpicker_rgb_b
                        {
                            background-image: url(/sysCommon/sysScripts/colorpicker/images/custom_rgb_b.png);
                        }
                        #colorpickerHolder2 .colorpicker_hsb_s
                        {
                            background-image: url(/sysCommon/sysScripts/colorpicker/images/custom_hsb_s.png);
                            display: none;
                        }
                        #colorpickerHolder2 .colorpicker_hsb_h
                        {
                            background-image: url(/sysCommon/sysScripts/colorpicker/images/custom_hsb_h.png);
                            display: none;
                        }
                        #colorpickerHolder2 .colorpicker_hsb_b
                        {
                            background-image: url(/sysCommon/sysScripts/colorpicker/images/custom_hsb_b.png);
                            display: none;
                        }
                        #colorpickerHolder2 .colorpicker_submit
                        {
                            background-image: url(/sysCommon/sysScripts/colorpicker/images/custom_submit.png);
                        }
                        #colorpickerHolder2 .colorpicker input
                        {
                            color: #778398;
                        }
                    </style>
                    <script src="/sysCommon/sysScripts/colorpicker/js/colorpicker.js" type="text/javascript"></script>
                    <script type="text/javascript" language="javascript">
                        $(document).ready(function () {
                            $('#colorpickerHolder2').ColorPicker({
                                flat: true,
                                color: '#00ff00',
                                onSubmit: function (hsb, hex, rgb) {
                                    $('#colorSelector2 div').css('backgroundColor', '#' + hex);
                                    $('#$IDPosition$').val('#' + hex);
                                    $('#colorpickerHolder2').stop().animate({ height: widt ? 0 : 173 }, 500);
                                    widt = !widt;
                                }
                            });
                            $('#colorpickerHolder2>div').css('position', 'absolute');
                            var widt = false;
                            $('#colorSelector2').bind('click', function () {
                                $('#colorpickerHolder2').stop().animate({ height: widt ? 0 : 173 }, 500);
                                widt = !widt;
                            });
                            $('#$IDPosition$').focus(function () {
                                $('#colorpickerHolder2').stop().animate({ height: 173 }, 500);
                                widt = true;
                            });
                        })
                    </script>
                    <div class="pickcontainor">
                        <input name="$NamePosition$" type="text" style="width: 150px;" id="$IDPosition$"
                            value="$CurrentValue$" /><div id="colorSelector2">
                                <div style="background-color: $CurrentValue$">
                                </div>
                            </div>
                        <div id="colorpickerHolder2">
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </td>
</tr>
